<template>
    <div id="app">
        <router-view/>
    </div>
</template>

<style lang="less">
    @import "./assets/css/reset.css";
    *{
        margin: 0;
        padding: 0;
        font-size: 12px;
        font-family:Helvetica;
    }

    #app{
        width: 100vw;
        overflow-x: hidden;
    }

    .up{
        color: #FA5151;
    }
    .down{
        color: #04A177;
    }
    .you{
        color: #16DE98;
    }
    .liang{
        color: #25B8B7;
    }
    .zhong{
        color: #3189EA;
    }
    .cha{
        color: #446BF4;
    }

    .tag-group{
        display: flex;
        justify-items: center;
        align-items: center;

        .tag-group-text{
            margin-left: 4px;
            font-size: 14px;
            color: #333333;
        }

        .tag-box-1{
            display: inline-block;
            width: 12px;
            height: 12px;
        }

        .tag-box-2{
            display: inline-block;
            width: 12px;
            height: 4px;
        }
        .tag-1{
            background: #6467F0;
        }
        .tag-2{
            background: #FA5151;
        }
        .tag-r{
            margin-left: 24px;
        }
    }

    .tar-box-1{
        display: inline-block;
        width: 6px;
        height: 6px;
    }

    .tar-box-2{
        display: inline-block;
        width: 6px;
        height: 2px;
    }

    .tar-1{
        background: #6467F0;
    }

    .tar-2{
        background: #FA5151;
    }


    .collect-group {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-top: 24px;
        padding: 0 11px 0 10px;
        font-size: 12px;
        height: 46px;
        background: #F9FBFF;
        font-size: 12px;

        .collect-group-label {
            text-align: left;
            color: #999999;
            line-height: 16px;
            zoom: 0.9;
        }

        .collect-group-text {
            font-size: 14px;
            display: flex;
            justify-content: center;
            align-content: center;
            font-weight: 500;
            color: #6467F0;

            .triangle {
                margin-left: 4px;
                position: relative;
                top: 1px;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 5px 0 5px 10px;
                border-color: transparent transparent transparent #6467F0;
            }
        }
    }

    .product {

        .product-title {
            padding-top: 24px;
            font-size: 18px;
            font-weight: 500;
            color: #333333;
            text-align: left;
        }

        .product-fenxian {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            justify-content: center;
            align-content: center;
            color: #666666;
            font-size: 14px;
            font-weight: 500;
            padding-top: 14px;
            padding: 14px 32px 0 32px;

            .product-fenxian-title {
                margin-bottom: 9px;
            }

            .product-fenxian-text {
                margin-top: 7px;
                font-size: 16px;
            }


        }
    }



</style>
